{% extends 'base.html' %}

{% block content %}
    <script>
        $('.index').addClass('active')
        $('.book').removeClass('active')
        $('.author').removeClass('active')
        $('.publish').removeClass('active')
    </script>
    <div class="jumbotron">
        <h1>嗨嗨嗨</h1>
        <h1>测试</h1>
        <p>金瓶梅，西游记</p>
        <p><a class="btn btn-primary btn-lg" href="#" role="button">赶紧点我吧</a></p>
    </div>
    <div class="row">
        <div class="col-xs-6 col-md-4">
            <a href="#" class="thumbnail">
                <img src="https://img2.woyaogexing.com/2021/12/16/f63a9484cbbb4d17a61f42d715455299!400x400.jpeg"
                     alt="...">
            </a>
        </div>
        <div class="col-xs-6 col-md-4">
            <a href="#" class="thumbnail">
                <img src="https://img2.woyaogexing.com/2021/12/16/34e1b826a7bd4a9da0816c76a8049080!400x400.jpeg"
                     alt="...">
            </a>
        </div>
        <div class="col-xs-6 col-md-4">
            <a href="#" class="thumbnail">
                <img src="https://img2.woyaogexing.com/2021/12/16/d858655ad571488fa917d57f68797088!400x400.jpeg"
                     alt="...">
            </a>
        </div>
    </div>
{% endblock %}